<template>
	<view style="display: flex; width: 95%; margin: 20rpx auto; flex-wrap: wrap;">
		<view style="text-align: left; margin-left: 15rpx; flex: 1;">
			<text style="display: block; margin: 15rpx 0; line-height: 60rpx; font-size: 40rpx; font-weight: 800;">
				{{item.name}}
			</text>
			<text style="color: #888888;">
				{{this.$utiltg.dateDiff(item.birth)}}
			</text>
		</view>
		<view class="choice" style="flex: 2; margin-top: 10rpx; display: flex;">
			<view style="margin: auto;" class="flex1">
				<butt @clickButt="toDetail" content="详情"></butt>
			</view>
			<view style="margin: auto;" class="flex1">

			</view>
		</view>
		<cross-line style="width: 750rpx;"></cross-line>
	</view>
</template>
<script>
	import butt from '@/components/ui/myButt.vue'
	import crossLine from '@/components/ui/tg-cross-line.vue'
	export default {
		components: {
			butt,
			crossLine
		},
		props:{
			item:{}
		},
		data() {
			return {
				// item: {
				// 	"id": 459,
				// 	"name": "穆月",
				// 	"birth": -1215158400000,
				// 	"gender": 1,
				// 	"address": "222222",
				// 	"phone": "15896542578",
				// 	"idcard": "341125193107288098",
				// 	"marriage": null,
				// 	"nation": null,
				// 	"census": "安徽省滁州市定远县",
				// 	"matchTime": 1607776716000,
				// 	"subtractResult": 0,
				// 	"banknum": null,
				// 	"applyaddr": null,
				// 	"status": 0,
				// 	"deptId": 4610,
				// 	"var1": null
				// }
			}
		},
		methods: {
			toDetail() {
				this.$utiltg.navigateTo(`/pages/index/dynamic/subtractDetail/detail?item=${JSON.stringify(this.item)}`);
			}
		}
	}
</script>
<style scoped>
	.choice::before {
		content: "";
		display: block;
		flex: 0.8;
		height: 1rpx;
	}
</style>
